<template>
	
	<view class="title_header">
			<view class="left">
			<view class="beauty"></view>
			<text class="title">{{title}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'titleglobal',
		props: {
		  title: {
			  type:String,
			  required: true,
			  default: ''
		  }	
		}
	}
</script>

<style lang="scss" >
/* 主题标题栏 */
.title_header {
	line-height: 72rpx;
	background-color: #ffffff;
	border-bottom: 1rpx solid #fafafa;
	.left {
		font-size: 32rpx;
		color:  $theme-color;
		font-weight: bolder;
	.beauty {
		display: inline-block;
		width: 12rpx;
		height: 30rpx;
		border-radius: 10rpx;
		background-color: $theme-color;
		margin-right: 8rpx;
	}
	}
}
</style>
